1 @charset "UTF-8";
2
3 /*!
4 Animate.css - http://daneden.me/animate
5 Licensed under the MIT license - http://opensource.org/licenses/MIT
6
7 Copyright (c) 2013 Daniel Eden
8 */
9
10 .animated {
11 -webkit-animation-duration: 1s;
12 -ms-animation-duration: 1s;
13 -o-animation-duration: 1s;
14 -moz-animation-duration: 1s;
15 animation-duration: 1s;
16 -webkit-animation-fill-mode: both;
17 -ms-animation-fill-mode: both;
18 -o-animation-fill-mode: both;
19 -moz-animation-fill-mode: both;
20 animation-fill-mode: both;
21 }
22
23 .animated.infinite {
24 -webkit-animation-iteration-count: infinite;
25 -ms-animation-iteration-count: infinite;
26 -o-animation-iteration-count: infinite;
27 -moz-animation-iteration-count: infinite;
28 animation-iteration-count: infinite;
29 }
30
31 .animated.hinge {
32 -webkit-animation-duration: 2s;
33 -ms-animation-duration: 2s;
34 -o-animation-duration: 2s;
35 -moz-animation-duration: 2s;
36 animation-duration: 2s;
37 }
38
39 @-webkit-keyframes bounce {
40 0%, 20%, 50%, 80%, 100% {
41 -webkit-transform: translateY(0);
42 -ms- transform: translateY(0);
43 -o- transform: translateY(0);
44 -moz- transform: translateY(0);
45 transform: translateY(0);
46 }
47
48 40% {
49 -webkit-transform: translateY(-30px);
50 -moz-transform: translateY(-30px);
51 transform: translateY(-30px);
52 }
53
54 60% {
55 -webkit-transform: translateY(-15px);
56 -moz-transform: translateY(-15px);
57 transform: translateY(-15px);
58 }
59 }
60
61 @keyframes bounce {
62 0%, 20%, 50%, 80%, 100% {
63 -webkit-transform: translateY(0);
64 -ms-transform: translateY(0);
65 -moz- transform: translateY(0);
66 transform: translateY(0);
67 }
68
69 40% {
70 -webkit-transform: translateY(-30px);
71 -ms-transform: translateY(-30px);
72 transform: translateY(-30px);
73 }
74
75 60% {
76 -webkit-transform: translateY(-15px);
77 -ms-transform: translateY(-15px);
78 transform: translateY(-15px);
79 }
80 }
81
82 .bounce {
83 -webkit-animation-name: bounce;
84 -moz-animation-name: bounce;
85 -o-animation-name: bounce;
86 animation-name: bounce;
87 }
88
89 @-webkit-keyframes flash {
90 0%, 50%, 100% {
91 opacity: 1;
92 }
93
94 25%, 75% {
95 opacity: 0;
96 }
97 }
98
99 @keyframes flash {
100 0%, 50%, 100% {
101 opacity: 1;
102 }
103
104 25%, 75% {
105 opacity: 0;
106 }
107 }
108
109 .flash {
110 -webkit-animation-name: flash;
111 animation-name: flash;
112 }
113
114 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
115
116 @-webkit-keyframes pulse {
117 0% {
118 -webkit-transform: scale(1);
119 transform: scale(1);
120 }
121
122 50% {
123 -webkit-transform: scale(1.1);
124 transform: scale(1.1);
125 }
126
127 100% {
128 -webkit-transform: scale(1);
129 transform: scale(1);
130 }
131 }
132
133 @keyframes pulse {
134 0% {
135 -webkit-transform: scale(1);
136 -ms-transform: scale(1);
137 transform: scale(1);
138 }
139
140 50% {
141 -webkit-transform: scale(1.1);
142 -ms-transform: scale(1.1);
143 transform: scale(1.1);
144 }
145
146 100% {
147 -webkit-transform: scale(1);
148 -ms-transform: scale(1);
149 transform: scale(1);
150 }
151 }
152
153 .pulse {
154 -webkit-animation-name: pulse;
155 animation-name: pulse;
156 }
157
158 @-webkit-keyframes rubberBand {
159 0% {
160 -webkit-transform: scale(1);
161 transform: scale(1);
162 }
163
164 30% {
165 -webkit-transform: scaleX(1.25) scaleY(0.75);
166 transform: scaleX(1.25) scaleY(0.75);
167 }
168
169 40% {
170 -webkit-transform: scaleX(0.75) scaleY(1.25);
171 transform: scaleX(0.75) scaleY(1.25);
172 }
173
174 60% {
175 -webkit-transform: scaleX(1.15) scaleY(0.85);
176 transform: scaleX(1.15) scaleY(0.85);
177 }
178
179 100% {
180 -webkit-transform: scale(1);
181 transform: scale(1);
182 }
183 }
184
185 @keyframes rubberBand {
186 0% {
187 -webkit-transform: scale(1);
188 -ms-transform: scale(1);
189 transform: scale(1);
190 }
191
192 30% {
193 -webkit-transform: scaleX(1.25) scaleY(0.75);
194 -ms-transform: scaleX(1.25) scaleY(0.75);
195 transform: scaleX(1.25) scaleY(0.75);
196 }
197
198 40% {
199 -webkit-transform: scaleX(0.75) scaleY(1.25);
200 -ms-transform: scaleX(0.75) scaleY(1.25);
201 transform: scaleX(0.75) scaleY(1.25);
202 }
203
204 60% {
205 -webkit-transform: scaleX(1.15) scaleY(0.85);
206 -ms-transform: scaleX(1.15) scaleY(0.85);
207 transform: scaleX(1.15) scaleY(0.85);
208 }
209
210 100% {
211 -webkit-transform: scale(1);
212 -ms-transform: scale(1);
213 transform: scale(1);
214 }
215 }
216
217 .rubberBand {
218 -webkit-animation-name: rubberBand;
219 animation-name: rubberBand;
220 }
221
222 @-webkit-keyframes shake {
223 0%, 100% {
224 -webkit-transform: translateX(0);
225 transform: translateX(0);
226 }
227
228 10%, 30%, 50%, 70%, 90% {
229 -webkit-transform: translateX(-10px);
230 transform: translateX(-10px);
231 }
232
233 20%, 40%, 60%, 80% {
234 -webkit-transform: translateX(10px);
235 transform: translateX(10px);
236 }
237 }
238
239 @keyframes shake {
240 0%, 100% {
241 -webkit-transform: translateX(0);
242 -ms-transform: translateX(0);
243 transform: translateX(0);
244 }
245
246 10%, 30%, 50%, 70%, 90% {
247 -webkit-transform: translateX(-10px);
248 -ms-transform: translateX(-10px);
249 transform: translateX(-10px);
250 }
251
252 20%, 40%, 60%, 80% {
253 -webkit-transform: translateX(10px);
254 -ms-transform: translateX(10px);
255 transform: translateX(10px);
256 }
257 }
258
259 .shake {
260 -webkit-animation-name: shake;
261 animation-name: shake;
262 }
263
264 @-webkit-keyframes swing {
265 20% {
266 -webkit-transform: rotate(15deg);
267 transform: rotate(15deg);
268 }
269
270 40% {
271 -webkit-transform: rotate(-10deg);
272 transform: rotate(-10deg);
273 }
274
275 60% {
276 -webkit-transform: rotate(5deg);
277 transform: rotate(5deg);
278 }
279
280 80% {
281 -webkit-transform: rotate(-5deg);
282 transform: rotate(-5deg);
283 }
284
285 100% {
286 -webkit-transform: rotate(0deg);
287 transform: rotate(0deg);
288 }
289 }
290
291 @keyframes swing {
292 20% {
293 -webkit-transform: rotate(15deg);
294 -ms-transform: rotate(15deg);
295 transform: rotate(15deg);
296 }
297
298 40% {
299 -webkit-transform: rotate(-10deg);
300 -ms-transform: rotate(-10deg);
301 transform: rotate(-10deg);
302 }
303
304 60% {
305 -webkit-transform: rotate(5deg);
306 -ms-transform: rotate(5deg);
307 transform: rotate(5deg);
308 }
309
310 80% {
311 -webkit-transform: rotate(-5deg);
312 -ms-transform: rotate(-5deg);
313 transform: rotate(-5deg);
314 }
315
316 100% {
317 -webkit-transform: rotate(0deg);
318 -ms-transform: rotate(0deg);
319 transform: rotate(0deg);
320 }
321 }
322
323 .swing {
324 -webkit-transform-origin: top center;
325 -ms-transform-origin: top center;
326 transform-origin: top center;
327 -webkit-animation-name: swing;
328 animation-name: swing;
329 }
330
331 @-webkit-keyframes tada {
332 0% {
333 -webkit-transform: scale(1);
334 transform: scale(1);
335 }
336
337 10%, 20% {
338 -webkit-transform: scale(0.9) rotate(-3deg);
339 transform: scale(0.9) rotate(-3deg);
340 }
341
342 30%, 50%, 70%, 90% {
343 -webkit-transform: scale(1.1) rotate(3deg);
344 transform: scale(1.1) rotate(3deg);
345 }
346
347 40%, 60%, 80% {
348 -webkit-transform: scale(1.1) rotate(-3deg);
349 transform: scale(1.1) rotate(-3deg);
350 }
351
352 100% {
353 -webkit-transform: scale(1) rotate(0);
354 transform: scale(1) rotate(0);
355 }
356 }
357
358 @keyframes tada {
359 0% {
360 -webkit-transform: scale(1);
361 -ms-transform: scale(1);
362 transform: scale(1);
363 }
364
365 10%, 20% {
366 -webkit-transform: scale(0.9) rotate(-3deg);
367 -ms-transform: scale(0.9) rotate(-3deg);
368 transform: scale(0.9) rotate(-3deg);
369 }
370
371 30%, 50%, 70%, 90% {
372 -webkit-transform: scale(1.1) rotate(3deg);
373 -ms-transform: scale(1.1) rotate(3deg);
374 transform: scale(1.1) rotate(3deg);
375 }
376
377 40%, 60%, 80% {
378 -webkit-transform: scale(1.1) rotate(-3deg);
379 -ms-transform: scale(1.1) rotate(-3deg);
380 transform: scale(1.1) rotate(-3deg);
381 }
382
383 100% {
384 -webkit-transform: scale(1) rotate(0);
385 -ms-transform: scale(1) rotate(0);
386 transform: scale(1) rotate(0);
387 }
388 }
389
390 .tada {
391 -webkit-animation-name: tada;
392 animation-name: tada;
393 }
394
395 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
396
397 @-webkit-keyframes wobble {
398 0% {
399 -webkit-transform: translateX(0%);
400 transform: translateX(0%);
401 }
402
403 15% {
404 -webkit-transform: translateX(-25%) rotate(-5deg);
405 transform: translateX(-25%) rotate(-5deg);
406 }
407
408 30% {
409 -webkit-transform: translateX(20%) rotate(3deg);
410 transform: translateX(20%) rotate(3deg);
411 }
412
413 45% {
414 -webkit-transform: translateX(-15%) rotate(-3deg);
415 transform: translateX(-15%) rotate(-3deg);
416 }
417
418 60% {
419 -webkit-transform: translateX(10%) rotate(2deg);
420 transform: translateX(10%) rotate(2deg);
421 }
422
423 75% {
424 -webkit-transform: translateX(-5%) rotate(-1deg);
425 transform: translateX(-5%) rotate(-1deg);
426 }
427
428 100% {
429 -webkit-transform: translateX(0%);
430 transform: translateX(0%);
431 }
432 }
433
434 @keyframes wobble {
435 0% {
436 -webkit-transform: translateX(0%);
437 -ms-transform: translateX(0%);
438 transform: translateX(0%);
439 }
440
441 15% {
442 -webkit-transform: translateX(-25%) rotate(-5deg);
443 -ms-transform: translateX(-25%) rotate(-5deg);
444 transform: translateX(-25%) rotate(-5deg);
445 }
446
447 30% {
448 -webkit-transform: translateX(20%) rotate(3deg);
449 -ms-transform: translateX(20%) rotate(3deg);
450 transform: translateX(20%) rotate(3deg);
451 }
452
453 45% {
454 -webkit-transform: translateX(-15%) rotate(-3deg);
455 -ms-transform: translateX(-15%) rotate(-3deg);
456 transform: translateX(-15%) rotate(-3deg);
457 }
458
459 60% {
460 -webkit-transform: translateX(10%) rotate(2deg);
461 -ms-transform: translateX(10%) rotate(2deg);
462 transform: translateX(10%) rotate(2deg);
463 }
464
465 75% {
466 -webkit-transform: translateX(-5%) rotate(-1deg);
467 -ms-transform: translateX(-5%) rotate(-1deg);
468 transform: translateX(-5%) rotate(-1deg);
469 }
470
471 100% {
472 -webkit-transform: translateX(0%);
473 -ms-transform: translateX(0%);
474 transform: translateX(0%);
475 }
476 }
477
478 .wobble {
479 -webkit-animation-name: wobble;
480 animation-name: wobble;
481 }
482
483 @-webkit-keyframes bounceIn {
484 0% {
485 opacity: 0;
486 -webkit-transform: scale(.3);
487 transform: scale(.3);
488 }
489
490 50% {
491 opacity: 1;
492 -webkit-transform: scale(1.05);
493 transform: scale(1.05);
494 }
495
496 70% {
497 -webkit-transform: scale(.9);
498 transform: scale(.9);
499 }
500
501 100% {
502 opacity: 1;
503 -webkit-transform: scale(1);
504 transform: scale(1);
505 }
506 }
507
508 @keyframes bounceIn {
509 0% {
510 opacity: 0;
511 -webkit-transform: scale(.3);
512 -ms-transform: scale(.3);
513 -o-transform: scale(.3);
514 -moz-transform: scale(.3);
515 transform: scale(.3);
516 }
517
518 50% {
519 opacity: 1;
520 -webkit-transform: scale(1.05);
521 -ms-transform: scale(1.05);
522 -o-transform: scale(1.05);
523 -moz-transform: scale(1.05);
524 transform: scale(1.05);
525 }
526
527 70% {
528 -webkit-transform: scale(.9);
529 -ms-transform: scale(.9);
530 -o-transform: scale(.9);
531 -moz-transform: scale(.9);
532 transform: scale(.9);
533 }
534
535 100% {
536 opacity: 1;
537 -webkit-transform: scale(1);
538 -ms-transform: scale(1);
539 -o-transform: scale(1);
540 -moz-transform: scale(1);
541 transform: scale(1);
542 }
543 }
544
545 .bounceIn {
546 -webkit-animation-name: bounceIn;
547 -ms-animation-name: bounceIn;
548 -o-animation-name: bounceIn;
549 -moz-animation-name: bounceIn;
550 animation-name: bounceIn;
551 }
552
553 @-webkit-keyframes bounceInDown {
554 0% {
555 opacity: 0;
556 -webkit-transform: translateY(-2000px);
557 transform: translateY(-2000px);
558 }
559
560 60% {
561 opacity: 1;
562 -webkit-transform: translateY(30px);
563 transform: translateY(30px);
564 }
565
566 80% {
567 -webkit-transform: translateY(-10px);
568 transform: translateY(-10px);
569 }
570
571 100% {
572 -webkit-transform: translateY(0);
573 transform: translateY(0);
574 }
575 }
576
577 @keyframes bounceInDown {
578 0% {
579 opacity: 0;
580 -webkit-transform: translateY(-2000px);
581 -ms-transform: translateY(-2000px);
582 transform: translateY(-2000px);
583 }
584
585 60% {
586 opacity: 1;
587 -webkit-transform: translateY(30px);
588 -ms-transform: translateY(30px);
589 transform: translateY(30px);
590 }
591
592 80% {
593 -webkit-transform: translateY(-10px);
594 -ms-transform: translateY(-10px);
595 transform: translateY(-10px);
596 }
597
598 100% {
599 -webkit-transform: translateY(0);
600 -ms-transform: translateY(0);
601 transform: translateY(0);
602 }
603 }
604
605 .bounceInDown {
606 -webkit-animation-name: bounceInDown;
607 animation-name: bounceInDown;
608 }
609
610 @-webkit-keyframes bounceInLeft {
611 0% {
612 opacity: 0;
613 -webkit-transform: translateX(-2000px);
614 transform: translateX(-2000px);
615 }
616
617 60% {
618 opacity: 1;
619 -webkit-transform: translateX(30px);
620 transform: translateX(30px);
621 }
622
623 80% {
624 -webkit-transform: translateX(-10px);
625 transform: translateX(-10px);
626 }
627
628 100% {
629 -webkit-transform: translateX(0);
630 transform: translateX(0);
631 }
632 }
633
634 @keyframes bounceInLeft {
635 0% {
636 opacity: 0;
637 -webkit-transform: translateX(-2000px);
638 -ms-transform: translateX(-2000px);
639 transform: translateX(-2000px);
640 }
641
642 60% {
643 opacity: 1;
644 -webkit-transform: translateX(30px);
645 -ms-transform: translateX(30px);
646 transform: translateX(30px);
647 }
648
649 80% {
650 -webkit-transform: translateX(-10px);
651 -ms-transform: translateX(-10px);
652 transform: translateX(-10px);
653 }
654
655 100% {
656 -webkit-transform: translateX(0);
657 -ms-transform: translateX(0);
658 transform: translateX(0);
659 }
660 }
661
662 .bounceInLeft {
663 -webkit-animation-name: bounceInLeft;
664 animation-name: bounceInLeft;
665 }
666
667 @-webkit-keyframes bounceInRight {
668 0% {
669 opacity: 0;
670 -webkit-transform: translateX(2000px);
671 transform: translateX(2000px);
672 }
673
674 60% {
675 opacity: 1;
676 -webkit-transform: translateX(-30px);
677 transform: translateX(-30px);
678 }
679
680 80% {
681 -webkit-transform: translateX(10px);
682 transform: translateX(10px);
683 }
684
685 100% {
686 -webkit-transform: translateX(0);
687 transform: translateX(0);
688 }
689 }
690
691 @keyframes bounceInRight {
692 0% {
693 opacity: 0;
694 -webkit-transform: translateX(2000px);
695 -ms-transform: translateX(2000px);
696 transform: translateX(2000px);
697 }
698
699 60% {
700 opacity: 1;
701 -webkit-transform: translateX(-30px);
702 -ms-transform: translateX(-30px);
703 transform: translateX(-30px);
704 }
705
706 80% {
707 -webkit-transform: translateX(10px);
708 -ms-transform: translateX(10px);
709 transform: translateX(10px);
710 }
711
712 100% {
713 -webkit-transform: translateX(0);
714 -ms-transform: translateX(0);
715 transform: translateX(0);
716 }
717 }
718
719 .bounceInRight {
720 -webkit-animation-name: bounceInRight;
721 animation-name: bounceInRight;
722 }
723
724 @-webkit-keyframes bounceInUp {
725 0% {
726 opacity: 0;
727 -webkit-transform: translateY(2000px);
728 transform: translateY(2000px);
729 }
730
731 60% {
732 opacity: 1;
733 -webkit-transform: translateY(-30px);
734 transform: translateY(-30px);
735 }
736
737 80% {
738 -webkit-transform: translateY(10px);
739 transform: translateY(10px);
740 }
741
742 100% {
743 -webkit-transform: translateY(0);
744 transform: translateY(0);
745 }
746 }
747
748 @keyframes bounceInUp {
749 0% {
750 opacity: 0;
751 -webkit-transform: translateY(2000px);
752 -ms-transform: translateY(2000px);
753 transform: translateY(2000px);
754 }
755
756 60% {
757 opacity: 1;
758 -webkit-transform: translateY(-30px);
759 -ms-transform: translateY(-30px);
760 transform: translateY(-30px);
761 }
762
763 80% {
764 -webkit-transform: translateY(10px);
765 -ms-transform: translateY(10px);
766 transform: translateY(10px);
767 }
768
769 100% {
770 -webkit-transform: translateY(0);
771 -ms-transform: translateY(0);
772 transform: translateY(0);
773 }
774 }
775
776 .bounceInUp {
777 -webkit-animation-name: bounceInUp;
778 animation-name: bounceInUp;
779 }
780
781 @-webkit-keyframes bounceOut {
782 0% {
783 -webkit-transform: scale(1);
784 transform: scale(1);
785 }
786
787 25% {
788 -webkit-transform: scale(.95);
789 transform: scale(.95);
790 }
791
792 50% {
793 opacity: 1;
794 -webkit-transform: scale(1.1);
795 transform: scale(1.1);
796 }
797
798 100% {
799 opacity: 0;
800 -webkit-transform: scale(.3);
801 transform: scale(.3);
802 }
803 }
804
805 @keyframes bounceOut {
806 0% {
807 -webkit-transform: scale(1);
808 -ms-transform: scale(1);
809 transform: scale(1);
810 }
811
812 25% {
813 -webkit-transform: scale(.95);
814 -ms-transform: scale(.95);
815 transform: scale(.95);
816 }
817
818 50% {
819 opacity: 1;
820 -webkit-transform: scale(1.1);
821 -ms-transform: scale(1.1);
822 transform: scale(1.1);
823 }
824
825 100% {
826 opacity: 0;
827 -webkit-transform: scale(.3);
828 -ms-transform: scale(.3);
829 transform: scale(.3);
830 }
831 }
832
833 .bounceOut {
834 -webkit-animation-name: bounceOut;
835 animation-name: bounceOut;
836 }
837
838 @-webkit-keyframes bounceOutDown {
839 0% {
840 -webkit-transform: translateY(0);
841 transform: translateY(0);
842 }
843
844 20% {
845 opacity: 1;
846 -webkit-transform: translateY(-20px);
847 transform: translateY(-20px);
848 }
849
850 100% {
851 opacity: 0;
852 -webkit-transform: translateY(2000px);
853 transform: translateY(2000px);
854 }
855 }
856
857 @keyframes bounceOutDown {
858 0% {
859 -webkit-transform: translateY(0);
860 -ms-transform: translateY(0);
861 transform: translateY(0);
862 }
863
864 20% {
865 opacity: 1;
866 -webkit-transform: translateY(-20px);
867 -ms-transform: translateY(-20px);
868 transform: translateY(-20px);
869 }
870
871 100% {
872 opacity: 0;
873 -webkit-transform: translateY(2000px);
874 -ms-transform: translateY(2000px);
875 transform: translateY(2000px);
876 }
877 }
878
879 .bounceOutDown {
880 -webkit-animation-name: bounceOutDown;
881 animation-name: bounceOutDown;
882 }
883
884 @-webkit-keyframes bounceOutLeft {
885 0% {
886 -webkit-transform: translateX(0);
887 transform: translateX(0);
888 }
889
890 20% {
891 opacity: 1;
892 -webkit-transform: translateX(20px);
893 transform: translateX(20px);
894 }
895
896 100% {
897 opacity: 0;
898 -webkit-transform: translateX(-2000px);
899 transform: translateX(-2000px);
900 }
901 }
902
903 @keyframes bounceOutLeft {
904 0% {
905 -webkit-transform: translateX(0);
906 -ms-transform: translateX(0);
907 transform: translateX(0);
908 }
909
910 20% {
911 opacity: 1;
912 -webkit-transform: translateX(20px);
913 -ms-transform: translateX(20px);
914 transform: translateX(20px);
915 }
916
917 100% {
918 opacity: 0;
919 -webkit-transform: translateX(-2000px);
920 -ms-transform: translateX(-2000px);
921 transform: translateX(-2000px);
922 }
923 }
924
925 .bounceOutLeft {
926 -webkit-animation-name: bounceOutLeft;
927 animation-name: bounceOutLeft;
928 }
929
930 @-webkit-keyframes bounceOutRight {
931 0% {
932 -webkit-transform: translateX(0);
933 transform: translateX(0);
934 }
935
936 20% {
937 opacity: 1;
938 -webkit-transform: translateX(-20px);
939 transform: translateX(-20px);
940 }
941
942 100% {
943 opacity: 0;
944 -webkit-transform: translateX(2000px);
945 transform: translateX(2000px);
946 }
947 }
948
949 @keyframes bounceOutRight {
950 0% {
951 -webkit-transform: translateX(0);
952 -ms-transform: translateX(0);
953 transform: translateX(0);
954 }
955
956 20% {
957 opacity: 1;
958 -webkit-transform: translateX(-20px);
959 -ms-transform: translateX(-20px);
960 transform: translateX(-20px);
961 }
962
963 100% {
964 opacity: 0;
965 -webkit-transform: translateX(2000px);
966 -ms-transform: translateX(2000px);
967 transform: translateX(2000px);
968 }
969 }
970
971 .bounceOutRight {
972 -webkit-animation-name: bounceOutRight;
973 animation-name: bounceOutRight;
974 }
975
976 @-webkit-keyframes bounceOutUp {
977 0% {
978 -webkit-transform: translateY(0);
979 transform: translateY(0);
980 }
981
982 20% {
983 opacity: 1;
984 -webkit-transform: translateY(20px);
985 transform: translateY(20px);
986 }
987
988 100% {
989 opacity: 0;
990 -webkit-transform: translateY(-2000px);
991 transform: translateY(-2000px);
992 }
993 }
994
995 @keyframes bounceOutUp {
996 0% {
997 -webkit-transform: translateY(0);
998 -ms-transform: translateY(0);
999 transform: translateY(0);
1000 }
1001
1002 20% {
1003 opacity: 1;
1004 -webkit-transform: translateY(20px);
1005 -ms-transform: translateY(20px);
1006 transform: translateY(20px);
1007 }
1008
1009 100% {
1010 opacity: 0;
1011 -webkit-transform: translateY(-2000px);
1012 -ms-transform: translateY(-2000px);
1013 transform: translateY(-2000px);
1014 }
1015 }
1016
1017 .bounceOutUp {
1018 -webkit-animation-name: bounceOutUp;
1019 animation-name: bounceOutUp;
1020 }
1021
1022 @-webkit-keyframes fadeIn {
1023 0% {
1024 opacity: 0;
1025 }
1026
1027 100% {
1028 opacity: 1;
1029 }
1030 }
1031
1032 @keyframes fadeIn {
1033 0% {
1034 opacity: 0;
1035 }
1036
1037 100% {
1038 opacity: 1;
1039 }
1040 }
1041
1042 .fadeIn {
1043 -webkit-animation-name: fadeIn;
1044 animation-name: fadeIn;
1045 }
1046
1047 @-webkit-keyframes fadeInDown {
1048 0% {
1049 opacity: 0;
1050 -webkit-transform: translateY(-20px);
1051 transform: translateY(-20px);
1052 }
1053
1054 100% {
1055 opacity: 1;
1056 -webkit-transform: translateY(0);
1057 transform: translateY(0);
1058 }
1059 }
1060
1061 @keyframes fadeInDown {
1062 0% {
1063 opacity: 0;
1064 -webkit-transform: translateY(-20px);
1065 -ms-transform: translateY(-20px);
1066 transform: translateY(-20px);
1067 }
1068
1069 100% {
1070 opacity: 1;
1071 -webkit-transform: translateY(0);
1072 -ms-transform: translateY(0);
1073 transform: translateY(0);
1074 }
1075 }
1076
1077 .fadeInDown {
1078 -webkit-animation-name: fadeInDown;
1079 animation-name: fadeInDown;
1080 }
1081
1082 @-webkit-keyframes fadeInDownBig {
1083 0% {
1084 opacity: 0;
1085 -webkit-transform: translateY(-2000px);
1086 transform: translateY(-2000px);
1087 }
1088
1089 100% {
1090 opacity: 1;
1091 -webkit-transform: translateY(0);
1092 transform: translateY(0);
1093 }
1094 }
1095
1096 @keyframes fadeInDownBig {
1097 0% {
1098 opacity: 0;
1099 -webkit-transform: translateY(-2000px);
1100 -ms-transform: translateY(-2000px);
1101 transform: translateY(-2000px);
1102 }
1103
1104 100% {
1105 opacity: 1;
1106 -webkit-transform: translateY(0);
1107 -ms-transform: translateY(0);
1108 transform: translateY(0);
1109 }
1110 }
1111
1112 .fadeInDownBig {
1113 -webkit-animation-name: fadeInDownBig;
1114 animation-name: fadeInDownBig;
1115 }
1116
1117 @-webkit-keyframes fadeInLeft {
1118 0% {
1119 opacity: 0;
1120 -webkit-transform: translateX(-20px);
1121 transform: translateX(-20px);
1122 }
1123
1124 100% {
1125 opacity: 1;
1126 -webkit-transform: translateX(0);
1127 transform: translateX(0);
1128 }
1129 }
1130
1131 @keyframes fadeInLeft {
1132 0% {
1133 opacity: 0;
1134 -webkit-transform: translateX(-20px);
1135 -ms-transform: translateX(-20px);
1136 transform: translateX(-20px);
1137 }
1138
1139 100% {
1140 opacity: 1;
1141 -webkit-transform: translateX(0);
1142 -ms-transform: translateX(0);
1143 transform: translateX(0);
1144 }
1145 }
1146
1147 .fadeInLeft {
1148 -webkit-animation-name: fadeInLeft;
1149 -ms-animation-name: fadeInLeft;
1150 -o-animation-name: fadeInLeft;
1151 -moz-animation-name: fadeInLeft;
1152 animation-name: fadeInLeft;
1153 }
1154
1155 @-webkit-keyframes fadeInLeftBig {
1156 0% {
1157 opacity: 0;
1158 -webkit-transform: translateX(-2000px);
1159 -ms-transform: translateX(-2000px);
1160 -o-transform: translateX(-2000px);
1161 -moz-transform: translateX(-2000px);
1162 transform: translateX(-2000px);
1163 }
1164
1165 100% {
1166 opacity: 1;
1167 -webkit-transform: translateX(0);
1168 -ms- transform: translateX(0);
1169 -o- transform: translateX(0);
1170 -moz- transform: translateX(0);
1171 transform: translateX(0);
1172 }
1173 }
1174
1175 @keyframes fadeInLeftBig {
1176 0% {
1177 opacity: 0;
1178 -webkit-transform: translateX(-2000px);
1179 -ms-transform: translateX(-2000px);
1180 -o-transform: translateX(-2000px);
1181 -moz-transform: translateX(-2000px);
1182 transform: translateX(-2000px);
1183 }
1184
1185 100% {
1186 opacity: 1;
1187 -webkit-transform: translateX(0);
1188 -ms-transform: translateX(0);
1189 -o- transform: translateX(0);
1190 -moz- transform: translateX(0);
1191 transform: translateX(0);
1192 }
1193 }
1194
1195 .fadeInLeftBig {
1196 -webkit-animation-name: fadeInLeftBig;
1197 animation-name: fadeInLeftBig;
1198 }
1199
1200 @-webkit-keyframes fadeInRight {
1201 0% {
1202 opacity: 0;
1203 -webkit-transform: translateX(20px);
1204 transform: translateX(20px);
1205 }
1206
1207 100% {
1208 opacity: 1;
1209 -webkit-transform: translateX(0);
1210 transform: translateX(0);
1211 }
1212 }
1213
1214 @keyframes fadeInRight {
1215 0% {
1216 opacity: 0;
1217 -webkit-transform: translateX(20px);
1218 -ms-transform: translateX(20px);
1219 transform: translateX(20px);
1220 }
1221
1222 100% {
1223 opacity: 1;
1224 -webkit-transform: translateX(0);
1225 -ms-transform: translateX(0);
1226 transform: translateX(0);
1227 }
1228 }
1229
1230 .fadeInRight {
1231 -webkit-animation-name: fadeInRight;
1232 animation-name: fadeInRight;
1233 }
1234
1235 @-webkit-keyframes fadeInRightBig {
1236 0% {
1237 opacity: 0;
1238 -webkit-transform: translateX(2000px);
1239 transform: translateX(2000px);
1240 }
1241
1242 100% {
1243 opacity: 1;
1244 -webkit-transform: translateX(0);
1245 transform: translateX(0);
1246 }
1247 }
1248
1249 @keyframes fadeInRightBig {
1250 0% {
1251 opacity: 0;
1252 -webkit-transform: translateX(2000px);
1253 -ms-transform: translateX(2000px);
1254 transform: translateX(2000px);
1255 }
1256
1257 100% {
1258 opacity: 1;
1259 -webkit-transform: translateX(0);
1260 -ms-transform: translateX(0);
1261 transform: translateX(0);
1262 }
1263 }
1264
1265 .fadeInRightBig {
1266 -webkit-animation-name: fadeInRightBig;
1267 animation-name: fadeInRightBig;
1268 }
1269
1270 @-webkit-keyframes fadeInUp {
1271 0% {
1272 opacity: 0;
1273 -webkit-transform: translateY(20px);
1274 transform: translateY(20px);
1275 }
1276
1277 100% {
1278 opacity: 1;
1279 -webkit-transform: translateY(0);
1280 transform: translateY(0);
1281 }
1282 }
1283
1284 @keyframes fadeInUp {
1285 0% {
1286 opacity: 0;
1287 -webkit-transform: translateY(20px);
1288 -ms-transform: translateY(20px);
1289 transform: translateY(20px);
1290 }
1291
1292 100% {
1293 opacity: 1;
1294 -webkit-transform: translateY(0);
1295 -ms-transform: translateY(0);
1296 transform: translateY(0);
1297 }
1298 }
1299
1300 .fadeInUp {
1301 -webkit-animation-name: fadeInUp;
1302 animation-name: fadeInUp;
1303 }
1304
1305 @-webkit-keyframes fadeInUpBig {
1306 0% {
1307 opacity: 0;
1308 -webkit-transform: translateY(2000px);
1309 transform: translateY(2000px);
1310 }
1311
1312 100% {
1313 opacity: 1;
1314 -webkit-transform: translateY(0);
1315 transform: translateY(0);
1316 }
1317 }
1318
1319 @keyframes fadeInUpBig {
1320 0% {
1321 opacity: 0;
1322 -webkit-transform: translateY(2000px);
1323 -ms-transform: translateY(2000px);
1324 transform: translateY(2000px);
1325 }
1326
1327 100% {
1328 opacity: 1;
1329 -webkit-transform: translateY(0);
1330 -ms-transform: translateY(0);
1331 transform: translateY(0);
1332 }
1333 }
1334
1335 .fadeInUpBig {
1336 -webkit-animation-name: fadeInUpBig;
1337 animation-name: fadeInUpBig;
1338 }
1339
1340 @-webkit-keyframes fadeOut {
1341 0% {
1342 opacity: 1;
1343 }
1344
1345 100% {
1346 opacity: 0;
1347 }
1348 }
1349
1350 @keyframes fadeOut {
1351 0% {
1352 opacity: 1;
1353 }
1354
1355 100% {
1356 opacity: 0;
1357 }
1358 }
1359
1360 .fadeOut {
1361 -webkit-animation-name: fadeOut;
1362 animation-name: fadeOut;
1363 }
1364
1365 @-webkit-keyframes fadeOutDown {
1366 0% {
1367 opacity: 1;
1368 -webkit-transform: translateY(0);
1369 transform: translateY(0);
1370 }
1371
1372 100% {
1373 opacity: 0;
1374 -webkit-transform: translateY(20px);
1375 transform: translateY(20px);
1376 }
1377 }
1378
1379 @keyframes fadeOutDown {
1380 0% {
1381 opacity: 1;
1382 -webkit-transform: translateY(0);
1383 -ms-transform: translateY(0);
1384 transform: translateY(0);
1385 }
1386
1387 100% {
1388 opacity: 0;
1389 -webkit-transform: translateY(20px);
1390 -ms-transform: translateY(20px);
1391 transform: translateY(20px);
1392 }
1393 }
1394
1395 .fadeOutDown {
1396 -webkit-animation-name: fadeOutDown;
1397 animation-name: fadeOutDown;
1398 }
1399
1400 @-webkit-keyframes fadeOutDownBig {
1401 0% {
1402 opacity: 1;
1403 -webkit-transform: translateY(0);
1404 transform: translateY(0);
1405 }
1406
1407 100% {
1408 opacity: 0;
1409 -webkit-transform: translateY(2000px);
1410 transform: translateY(2000px);
1411 }
1412 }
1413
1414 @keyframes fadeOutDownBig {
1415 0% {
1416 opacity: 1;
1417 -webkit-transform: translateY(0);
1418 -ms-transform: translateY(0);
1419 transform: translateY(0);
1420 }
1421
1422 100% {
1423 opacity: 0;
1424 -webkit-transform: translateY(2000px);
1425 -ms-transform: translateY(2000px);
1426 transform: translateY(2000px);
1427 }
1428 }
1429
1430 .fadeOutDownBig {
1431 -webkit-animation-name: fadeOutDownBig;
1432 animation-name: fadeOutDownBig;
1433 }
1434
1435 @-webkit-keyframes fadeOutLeft {
1436 0% {
1437 opacity: 1;
1438 -webkit-transform: translateX(0);
1439 transform: translateX(0);
1440 }
1441
1442 100% {
1443 opacity: 0;
1444 -webkit-transform: translateX(-20px);
1445 transform: translateX(-20px);
1446 }
1447 }
1448
1449 @keyframes fadeOutLeft {
1450 0% {
1451 opacity: 1;
1452 -webkit-transform: translateX(0);
1453 -ms-transform: translateX(0);
1454 transform: translateX(0);
1455 }
1456
1457 100% {
1458 opacity: 0;
1459 -webkit-transform: translateX(-20px);
1460 -ms-transform: translateX(-20px);
1461 transform: translateX(-20px);
1462 }
1463 }
1464
1465 .fadeOutLeft {
1466 -webkit-animation-name: fadeOutLeft;
1467 animation-name: fadeOutLeft;
1468 }
1469
1470 @-webkit-keyframes fadeOutLeftBig {
1471 0% {
1472 opacity: 1;
1473 -webkit-transform: translateX(0);
1474 transform: translateX(0);
1475 }
1476
1477 100% {
1478 opacity: 0;
1479 -webkit-transform: translateX(-2000px);
1480 transform: translateX(-2000px);
1481 }
1482 }
1483
1484 @keyframes fadeOutLeftBig {
1485 0% {
1486 opacity: 1;
1487 -webkit-transform: translateX(0);
1488 -ms-transform: translateX(0);
1489 transform: translateX(0);
1490 }
1491
1492 100% {
1493 opacity: 0;
1494 -webkit-transform: translateX(-2000px);
1495 -ms-transform: translateX(-2000px);
1496 transform: translateX(-2000px);
1497 }
1498 }
1499
1500 .fadeOutLeftBig {
1501 -webkit-animation-name: fadeOutLeftBig;
1502 animation-name: fadeOutLeftBig;
1503 }
1504
1505 @-webkit-keyframes fadeOutRight {
1506 0% {
1507 opacity: 1;
1508 -webkit-transform: translateX(0);
1509 transform: translateX(0);
1510 }
1511
1512 100% {
1513 opacity: 0;
1514 -webkit-transform: translateX(20px);
1515 transform: translateX(20px);
1516 }
1517 }
1518
1519 @keyframes fadeOutRight {
1520 0% {
1521 opacity: 1;
1522 -webkit-transform: translateX(0);
1523 -ms-transform: translateX(0);
1524 transform: translateX(0);
1525 }
1526
1527 100% {
1528 opacity: 0;
1529 -webkit-transform: translateX(20px);
1530 -ms-transform: translateX(20px);
1531 transform: translateX(20px);
1532 }
1533 }
1534
1535 .fadeOutRight {
1536 -webkit-animation-name: fadeOutRight;
1537 animation-name: fadeOutRight;
1538 }
1539
1540 @-webkit-keyframes fadeOutRightBig {
1541 0% {
1542 opacity: 1;
1543 -webkit-transform: translateX(0);
1544 transform: translateX(0);
1545 }
1546
1547 100% {
1548 opacity: 0;
1549 -webkit-transform: translateX(2000px);
1550 transform: translateX(2000px);
1551 }
1552 }
1553
1554 @keyframes fadeOutRightBig {
1555 0% {
1556 opacity: 1;
1557 -webkit-transform: translateX(0);
1558 -ms-transform: translateX(0);
1559 transform: translateX(0);
1560 }
1561
1562 100% {
1563 opacity: 0;
1564 -webkit-transform: translateX(2000px);
1565 -ms-transform: translateX(2000px);
1566 transform: translateX(2000px);
1567 }
1568 }
1569
1570 .fadeOutRightBig {
1571 -webkit-animation-name: fadeOutRightBig;
1572 animation-name: fadeOutRightBig;
1573 }
1574
1575 @-webkit-keyframes fadeOutUp {
1576 0% {
1577 opacity: 1;
1578 -webkit-transform: translateY(0);
1579 transform: translateY(0);
1580 }
1581
1582 100% {
1583 opacity: 0;
1584 -webkit-transform: translateY(-20px);
1585 transform: translateY(-20px);
1586 }
1587 }
1588
1589 @keyframes fadeOutUp {
1590 0% {
1591 opacity: 1;
1592 -webkit-transform: translateY(0);
1593 -ms-transform: translateY(0);
1594 transform: translateY(0);
1595 }
1596
1597 100% {
1598 opacity: 0;
1599 -webkit-transform: translateY(-20px);
1600 -ms-transform: translateY(-20px);
1601 transform: translateY(-20px);
1602 }
1603 }
1604
1605 .fadeOutUp {
1606 -webkit-animation-name: fadeOutUp;
1607 animation-name: fadeOutUp;
1608 }
1609
1610 @-webkit-keyframes fadeOutUpBig {
1611 0% {
1612 opacity: 1;
1613 -webkit-transform: translateY(0);
1614 transform: translateY(0);
1615 }
1616
1617 100% {
1618 opacity: 0;
1619 -webkit-transform: translateY(-2000px);
1620 transform: translateY(-2000px);
1621 }
1622 }
1623
1624 @keyframes fadeOutUpBig {
1625 0% {
1626 opacity: 1;
1627 -webkit-transform: translateY(0);
1628 -ms-transform: translateY(0);
1629 transform: translateY(0);
1630 }
1631
1632 100% {
1633 opacity: 0;
1634 -webkit-transform: translateY(-2000px);
1635 -ms-transform: translateY(-2000px);
1636 transform: translateY(-2000px);
1637 }
1638 }
1639
1640 .fadeOutUpBig {
1641 -webkit-animation-name: fadeOutUpBig;
1642 animation-name: fadeOutUpBig;
1643 }
1644
1645 @-webkit-keyframes flip {
1646 0% {
1647 -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1648 transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1649 -webkit-animation-timing-function: ease-out;
1650 animation-timing-function: ease-out;
1651 }
1652
1653 40% {
1654 -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1655 transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1656 -webkit-animation-timing-function: ease-out;
1657 animation-timing-function: ease-out;
1658 }
1659
1660 50% {
1661 -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1662 transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1663 -webkit-animation-timing-function: ease-in;
1664 animation-timing-function: ease-in;
1665 }
1666
1667 80% {
1668 -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1669 transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1670 -webkit-animation-timing-function: ease-in;
1671 animation-timing-function: ease-in;
1672 }
1673
1674 100% {
1675 -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1676 transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1677 -webkit-animation-timing-function: ease-in;
1678 animation-timing-function: ease-in;
1679 }
1680 }
1681
1682 @keyframes flip {
1683 0% {
1684 -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1685 -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1686 transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
1687 -webkit-animation-timing-function: ease-out;
1688 animation-timing-function: ease-out;
1689 }
1690
1691 40% {
1692 -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1693 -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1694 transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
1695 -webkit-animation-timing-function: ease-out;
1696 animation-timing-function: ease-out;
1697 }
1698
1699 50% {
1700 -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1701 -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1702 transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
1703 -webkit-animation-timing-function: ease-in;
1704 animation-timing-function: ease-in;
1705 }
1706
1707 80% {
1708 -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1709 -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1710 transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
1711 -webkit-animation-timing-function: ease-in;
1712 animation-timing-function: ease-in;
1713 }
1714
1715 100% {
1716 -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1717 -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1718 transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
1719 -webkit-animation-timing-function: ease-in;
1720 animation-timing-function: ease-in;
1721 }
1722 }
1723
1724 .animated.flip {
1725 -webkit-backface-visibility: visible;
1726 -ms-backface-visibility: visible;
1727 backface-visibility: visible;
1728 -webkit-animation-name: flip;
1729 animation-name: flip;
1730 }
1731
1732 @-webkit-keyframes flipInX {
1733 0% {
1734 -webkit-transform: perspective(400px) rotateX(90deg);
1735 transform: perspective(400px) rotateX(90deg);
1736 opacity: 0;
1737 }
1738
1739 40% {
1740 -webkit-transform: perspective(400px) rotateX(-10deg);
1741 transform: perspective(400px) rotateX(-10deg);
1742 }
1743
1744 70% {
1745 -webkit-transform: perspective(400px) rotateX(10deg);
1746 transform: perspective(400px) rotateX(10deg);
1747 }
1748
1749 100% {
1750 -webkit-transform: perspective(400px) rotateX(0deg);
1751 transform: perspective(400px) rotateX(0deg);
1752 opacity: 1;
1753 }
1754 }
1755
1756 @keyframes flipInX {
1757 0% {
1758 -webkit-transform: perspective(400px) rotateX(90deg);
1759 -ms-transform: perspective(400px) rotateX(90deg);
1760 transform: perspective(400px) rotateX(90deg);
1761 opacity: 0;
1762 }
1763
1764 40% {
1765 -webkit-transform: perspective(400px) rotateX(-10deg);
1766 -ms-transform: perspective(400px) rotateX(-10deg);
1767 transform: perspective(400px) rotateX(-10deg);
1768 }
1769
1770 70% {
1771 -webkit-transform: perspective(400px) rotateX(10deg);
1772 -ms-transform: perspective(400px) rotateX(10deg);
1773 transform: perspective(400px) rotateX(10deg);
1774 }
1775
1776 100% {
1777 -webkit-transform: perspective(400px) rotateX(0deg);
1778 -ms-transform: perspective(400px) rotateX(0deg);
1779 transform: perspective(400px) rotateX(0deg);
1780 opacity: 1;
1781 }
1782 }
1783
1784 .flipInX {
1785 -webkit-backface-visibility: visible !important;
1786 -ms-backface-visibility: visible !important;
1787 backface-visibility: visible !important;
1788 -webkit-animation-name: flipInX;
1789 animation-name: flipInX;
1790 }
1791
1792 @-webkit-keyframes flipInY {
1793 0% {
1794 -webkit-transform: perspective(400px) rotateY(90deg);
1795 transform: perspective(400px) rotateY(90deg);
1796 opacity: 0;
1797 }
1798
1799 40% {
1800 -webkit-transform: perspective(400px) rotateY(-10deg);
1801 transform: perspective(400px) rotateY(-10deg);
1802 }
1803
1804 70% {
1805 -webkit-transform: perspective(400px) rotateY(10deg);
1806 transform: perspective(400px) rotateY(10deg);
1807 }
1808
1809 100% {
1810 -webkit-transform: perspective(400px) rotateY(0deg);
1811 transform: perspective(400px) rotateY(0deg);
1812 opacity: 1;
1813 }
1814 }
1815
1816 @keyframes flipInY {
1817 0% {
1818 -webkit-transform: perspective(400px) rotateY(90deg);
1819 -ms-transform: perspective(400px) rotateY(90deg);
1820 transform: perspective(400px) rotateY(90deg);
1821 opacity: 0;
1822 }
1823
1824 40% {
1825 -webkit-transform: perspective(400px) rotateY(-10deg);
1826 -ms-transform: perspective(400px) rotateY(-10deg);
1827 transform: perspective(400px) rotateY(-10deg);
1828 }
1829
1830 70% {
1831 -webkit-transform: perspective(400px) rotateY(10deg);
1832 -ms-transform: perspective(400px) rotateY(10deg);
1833 transform: perspective(400px) rotateY(10deg);
1834 }
1835
1836 100% {
1837 -webkit-transform: perspective(400px) rotateY(0deg);
1838 -ms-transform: perspective(400px) rotateY(0deg);
1839 transform: perspective(400px) rotateY(0deg);
1840 opacity: 1;
1841 }
1842 }
1843
1844 .flipInY {
1845 -webkit-backface-visibility: visible !important;
1846 -ms-backface-visibility: visible !important;
1847 backface-visibility: visible !important;
1848 -webkit-animation-name: flipInY;
1849 animation-name: flipInY;
1850 }
1851
1852 @-webkit-keyframes flipOutX {
1853 0% {
1854 -webkit-transform: perspective(400px) rotateX(0deg);
1855 transform: perspective(400px) rotateX(0deg);
1856 opacity: 1;
1857 }
1858
1859 100% {
1860 -webkit-transform: perspective(400px) rotateX(90deg);
1861 transform: perspective(400px) rotateX(90deg);
1862 opacity: 0;
1863 }
1864 }
1865
1866 @keyframes flipOutX {
1867 0% {
1868 -webkit-transform: perspective(400px) rotateX(0deg);
1869 -ms-transform: perspective(400px) rotateX(0deg);
1870 transform: perspective(400px) rotateX(0deg);
1871 opacity: 1;
1872 }
1873
1874 100% {
1875 -webkit-transform: perspective(400px) rotateX(90deg);
1876 -ms-transform: perspective(400px) rotateX(90deg);
1877 transform: perspective(400px) rotateX(90deg);
1878 opacity: 0;
1879 }
1880 }
1881
1882 .flipOutX {
1883 -webkit-animation-name: flipOutX;
1884 animation-name: flipOutX;
1885 -webkit-backface-visibility: visible !important;
1886 -ms-backface-visibility: visible !important;
1887 backface-visibility: visible !important;
1888 }
1889
1890 @-webkit-keyframes flipOutY {
1891 0% {
1892 -webkit-transform: perspective(400px) rotateY(0deg);
1893 transform: perspective(400px) rotateY(0deg);
1894 opacity: 1;
1895 }
1896
1897 100% {
1898 -webkit-transform: perspective(400px) rotateY(90deg);
1899 transform: perspective(400px) rotateY(90deg);
1900 opacity: 0;
1901 }
1902 }
1903
1904 @keyframes flipOutY {
1905 0% {
1906 -webkit-transform: perspective(400px) rotateY(0deg);
1907 -ms-transform: perspective(400px) rotateY(0deg);
1908 transform: perspective(400px) rotateY(0deg);
1909 opacity: 1;
1910 }
1911
1912 100% {
1913 -webkit-transform: perspective(400px) rotateY(90deg);
1914 -ms-transform: perspective(400px) rotateY(90deg);
1915 transform: perspective(400px) rotateY(90deg);
1916 opacity: 0;
1917 }
1918 }
1919
1920 .flipOutY {
1921 -webkit-backface-visibility: visible !important;
1922 -ms-backface-visibility: visible !important;
1923 backface-visibility: visible !important;
1924 -webkit-animation-name: flipOutY;
1925 animation-name: flipOutY;
1926 }
1927
1928 @-webkit-keyframes lightSpeedIn {
1929 0% {
1930 -webkit-transform: translateX(100%) skewX(-30deg);
1931 transform: translateX(100%) skewX(-30deg);
1932 opacity: 0;
1933 }
1934
1935 60% {
1936 -webkit-transform: translateX(-20%) skewX(30deg);
1937 transform: translateX(-20%) skewX(30deg);
1938 opacity: 1;
1939 }
1940
1941 80% {
1942 -webkit-transform: translateX(0%) skewX(-15deg);
1943 transform: translateX(0%) skewX(-15deg);
1944 opacity: 1;
1945 }
1946
1947 100% {
1948 -webkit-transform: translateX(0%) skewX(0deg);
1949 transform: translateX(0%) skewX(0deg);
1950 opacity: 1;
1951 }
1952 }
1953
1954 @keyframes lightSpeedIn {
1955 0% {
1956 -webkit-transform: translateX(100%) skewX(-30deg);
1957 -ms-transform: translateX(100%) skewX(-30deg);
1958 transform: translateX(100%) skewX(-30deg);
1959 opacity: 0;
1960 }
1961
1962 60% {
1963 -webkit-transform: translateX(-20%) skewX(30deg);
1964 -ms-transform: translateX(-20%) skewX(30deg);
1965 transform: translateX(-20%) skewX(30deg);
1966 opacity: 1;
1967 }
1968
1969 80% {
1970 -webkit-transform: translateX(0%) skewX(-15deg);
1971 -ms-transform: translateX(0%) skewX(-15deg);
1972 transform: translateX(0%) skewX(-15deg);
1973 opacity: 1;
1974 }
1975
1976 100% {
1977 -webkit-transform: translateX(0%) skewX(0deg);
1978 -ms-transform: translateX(0%) skewX(0deg);
1979 transform: translateX(0%) skewX(0deg);
1980 opacity: 1;
1981 }
1982 }
1983
1984 .lightSpeedIn {
1985 -webkit-animation-name: lightSpeedIn;
1986 animation-name: lightSpeedIn;
1987 -webkit-animation-timing-function: ease-out;
1988 animation-timing-function: ease-out;
1989 }
1990
1991 @-webkit-keyframes lightSpeedOut {
1992 0% {
1993 -webkit-transform: translateX(0%) skewX(0deg);
1994 transform: translateX(0%) skewX(0deg);
1995 opacity: 1;
1996 }
1997
1998 100% {
1999 -webkit-transform: translateX(100%) skewX(-30deg);
2000 transform: translateX(100%) skewX(-30deg);
2001 opacity: 0;
2002 }
2003 }
2004
2005 @keyframes lightSpeedOut {
2006 0% {
2007 -webkit-transform: translateX(0%) skewX(0deg);
2008 -ms-transform: translateX(0%) skewX(0deg);
2009 transform: translateX(0%) skewX(0deg);
2010 opacity: 1;
2011 }
2012
2013 100% {
2014 -webkit-transform: translateX(100%) skewX(-30deg);
2015 -ms-transform: translateX(100%) skewX(-30deg);
2016 transform: translateX(100%) skewX(-30deg);
2017 opacity: 0;
2018 }
2019 }
2020
2021 .lightSpeedOut {
2022 -webkit-animation-name: lightSpeedOut;
2023 animation-name: lightSpeedOut;
2024 -webkit-animation-timing-function: ease-in;
2025 animation-timing-function: ease-in;
2026 }
2027
2028 @-webkit-keyframes rotateIn {
2029 0% {
2030 -webkit-transform-origin: center center;
2031 transform-origin: center center;
2032 -webkit-transform: rotate(-200deg);
2033 transform: rotate(-200deg);
2034 opacity: 0;
2035 }
2036
2037 100% {
2038 -webkit-transform-origin: center center;
2039 transform-origin: center center;
2040 -webkit-transform: rotate(0);
2041 transform: rotate(0);
2042 opacity: 1;
2043 }
2044 }
2045
2046 @keyframes rotateIn {
2047 0% {
2048 -webkit-transform-origin: center center;
2049 -ms-transform-origin: center center;
2050 transform-origin: center center;
2051 -webkit-transform: rotate(-200deg);
2052 -ms-transform: rotate(-200deg);
2053 transform: rotate(-200deg);
2054 opacity: 0;
2055 }
2056
2057 100% {
2058 -webkit-transform-origin: center center;
2059 -ms-transform-origin: center center;
2060 transform-origin: center center;
2061 -webkit-transform: rotate(0);
2062 -ms-transform: rotate(0);
2063 transform: rotate(0);
2064 opacity: 1;
2065 }
2066 }
2067
2068 .rotateIn {
2069 -webkit-animation-name: rotateIn;
2070 animation-name: rotateIn;
2071 }
2072
2073 @-webkit-keyframes rotateInDownLeft {
2074 0% {
2075 -webkit-transform-origin: left bottom;
2076 transform-origin: left bottom;
2077 -webkit-transform: rotate(-90deg);
2078 transform: rotate(-90deg);
2079 opacity: 0;
2080 }
2081
2082 100% {
2083 -webkit-transform-origin: left bottom;
2084 transform-origin: left bottom;
2085 -webkit-transform: rotate(0);
2086 transform: rotate(0);
2087 opacity: 1;
2088 }
2089 }
2090
2091 @keyframes rotateInDownLeft {
2092 0% {
2093 -webkit-transform-origin: left bottom;
2094 -ms-transform-origin: left bottom;
2095 transform-origin: left bottom;
2096 -webkit-transform: rotate(-90deg);
2097 -ms-transform: rotate(-90deg);
2098 transform: rotate(-90deg);
2099 opacity: 0;
2100 }
2101
2102 100% {
2103 -webkit-transform-origin: left bottom;
2104 -ms-transform-origin: left bottom;
2105 transform-origin: left bottom;
2106 -webkit-transform: rotate(0);
2107 -ms-transform: rotate(0);
2108 transform: rotate(0);
2109 opacity: 1;
2110 }
2111 }
2112
2113 .rotateInDownLeft {
2114 -webkit-animation-name: rotateInDownLeft;
2115 animation-name: rotateInDownLeft;
2116 }
2117
2118 @-webkit-keyframes rotateInDownRight {
2119 0% {
2120 -webkit-transform-origin: right bottom;
2121 transform-origin: right bottom;
2122 -webkit-transform: rotate(90deg);
2123 transform: rotate(90deg);
2124 opacity: 0;
2125 }
2126
2127 100% {
2128 -webkit-transform-origin: right bottom;
2129 transform-origin: right bottom;
2130 -webkit-transform: rotate(0);
2131 transform: rotate(0);
2132 opacity: 1;
2133 }
2134 }
2135
2136 @keyframes rotateInDownRight {
2137 0% {
2138 -webkit-transform-origin: right bottom;
2139 -ms-transform-origin: right bottom;
2140 transform-origin: right bottom;
2141 -webkit-transform: rotate(90deg);
2142 -ms-transform: rotate(90deg);
2143 transform: rotate(90deg);
2144 opacity: 0;
2145 }
2146
2147 100% {
2148 -webkit-transform-origin: right bottom;
2149 -ms-transform-origin: right bottom;
2150 transform-origin: right bottom;
2151 -webkit-transform: rotate(0);
2152 -ms-transform: rotate(0);
2153 transform: rotate(0);
2154 opacity: 1;
2155 }
2156 }
2157
2158 .rotateInDownRight {
2159 -webkit-animation-name: rotateInDownRight;
2160 animation-name: rotateInDownRight;
2161 }
2162
2163 @-webkit-keyframes rotateInUpLeft {
2164 0% {
2165 -webkit-transform-origin: left bottom;
2166 transform-origin: left bottom;
2167 -webkit-transform: rotate(90deg);
2168 transform: rotate(90deg);
2169 opacity: 0;
2170 }
2171
2172 100% {
2173 -webkit-transform-origin: left bottom;
2174 transform-origin: left bottom;
2175 -webkit-transform: rotate(0);
2176 transform: rotate(0);
2177 opacity: 1;
2178 }
2179 }
2180
2181 @keyframes rotateInUpLeft {
2182 0% {
2183 -webkit-transform-origin: left bottom;
2184 -ms-transform-origin: left bottom;
2185 transform-origin: left bottom;
2186 -webkit-transform: rotate(90deg);
2187 -ms-transform: rotate(90deg);
2188 transform: rotate(90deg);
2189 opacity: 0;
2190 }
2191
2192 100% {
2193 -webkit-transform-origin: left bottom;
2194 -ms-transform-origin: left bottom;
2195 transform-origin: left bottom;
2196 -webkit-transform: rotate(0);
2197 -ms-transform: rotate(0);
2198 transform: rotate(0);
2199 opacity: 1;
2200 }
2201 }
2202
2203 .rotateInUpLeft {
2204 -webkit-animation-name: rotateInUpLeft;
2205 animation-name: rotateInUpLeft;
2206 }
2207
2208 @-webkit-keyframes rotateInUpRight {
2209 0% {
2210 -webkit-transform-origin: right bottom;
2211 transform-origin: right bottom;
2212 -webkit-transform: rotate(-90deg);
2213 transform: rotate(-90deg);
2214 opacity: 0;
2215 }
2216
2217 100% {
2218 -webkit-transform-origin: right bottom;
2219 transform-origin: right bottom;
2220 -webkit-transform: rotate(0);
2221 transform: rotate(0);
2222 opacity: 1;
2223 }
2224 }
2225
2226 @keyframes rotateInUpRight {
2227 0% {
2228 -webkit-transform-origin: right bottom;
2229 -ms-transform-origin: right bottom;
2230 transform-origin: right bottom;
2231 -webkit-transform: rotate(-90deg);
2232 -ms-transform: rotate(-90deg);
2233 transform: rotate(-90deg);
2234 opacity: 0;
2235 }
2236
2237 100% {
2238 -webkit-transform-origin: right bottom;
2239 -ms-transform-origin: right bottom;
2240 transform-origin: right bottom;
2241 -webkit-transform: rotate(0);
2242 -ms-transform: rotate(0);
2243 transform: rotate(0);
2244 opacity: 1;
2245 }
2246 }
2247
2248 .rotateInUpRight {
2249 -webkit-animation-name: rotateInUpRight;
2250 animation-name: rotateInUpRight;
2251 }
2252
2253 @-webkit-keyframes rotateOut {
2254 0% {
2255 -webkit-transform-origin: center center;
2256 transform-origin: center center;
2257 -webkit-transform: rotate(0);
2258 transform: rotate(0);
2259 opacity: 1;
2260 }
2261
2262 100% {
2263 -webkit-transform-origin: center center;
2264 transform-origin: center center;
2265 -webkit-transform: rotate(200deg);
2266 transform: rotate(200deg);
2267 opacity: 0;
2268 }
2269 }
2270
2271 @keyframes rotateOut {
2272 0% {
2273 -webkit-transform-origin: center center;
2274 -ms-transform-origin: center center;
2275 transform-origin: center center;
2276 -webkit-transform: rotate(0);
2277 -ms-transform: rotate(0);
2278 transform: rotate(0);
2279 opacity: 1;
2280 }
2281
2282 100% {
2283 -webkit-transform-origin: center center;
2284 -ms-transform-origin: center center;
2285 transform-origin: center center;
2286 -webkit-transform: rotate(200deg);
2287 -ms-transform: rotate(200deg);
2288 transform: rotate(200deg);
2289 opacity: 0;
2290 }
2291 }
2292
2293 .rotateOut {
2294 -webkit-animation-name: rotateOut;
2295 animation-name: rotateOut;
2296 }
2297
2298 @-webkit-keyframes rotateOutDownLeft {
2299 0% {
2300 -webkit-transform-origin: left bottom;
2301 transform-origin: left bottom;
2302 -webkit-transform: rotate(0);
2303 transform: rotate(0);
2304 opacity: 1;
2305 }
2306
2307 100% {
2308 -webkit-transform-origin: left bottom;
2309 transform-origin: left bottom;
2310 -webkit-transform: rotate(90deg);
2311 transform: rotate(90deg);
2312 opacity: 0;
2313 }
2314 }
2315
2316 @keyframes rotateOutDownLeft {
2317 0% {
2318 -webkit-transform-origin: left bottom;
2319 -ms-transform-origin: left bottom;
2320 transform-origin: left bottom;
2321 -webkit-transform: rotate(0);
2322 -ms-transform: rotate(0);
2323 transform: rotate(0);
2324 opacity: 1;
2325 }
2326
2327 100% {
2328 -webkit-transform-origin: left bottom;
2329 -ms-transform-origin: left bottom;
2330 transform-origin: left bottom;
2331 -webkit-transform: rotate(90deg);
2332 -ms-transform: rotate(90deg);
2333 transform: rotate(90deg);
2334 opacity: 0;
2335 }
2336 }
2337
2338 .rotateOutDownLeft {
2339 -webkit-animation-name: rotateOutDownLeft;
2340 animation-name: rotateOutDownLeft;
2341 }
2342
2343 @-webkit-keyframes rotateOutDownRight {
2344 0% {
2345 -webkit-transform-origin: right bottom;
2346 transform-origin: right bottom;
2347 -webkit-transform: rotate(0);
2348 transform: rotate(0);
2349 opacity: 1;
2350 }
2351
2352 100% {
2353 -webkit-transform-origin: right bottom;
2354 transform-origin: right bottom;
2355 -webkit-transform: rotate(-90deg);
2356 transform: rotate(-90deg);
2357 opacity: 0;
2358 }
2359 }
2360
2361 @keyframes rotateOutDownRight {
2362 0% {
2363 -webkit-transform-origin: right bottom;
2364 -ms-transform-origin: right bottom;
2365 transform-origin: right bottom;
2366 -webkit-transform: rotate(0);
2367 -ms-transform: rotate(0);
2368 transform: rotate(0);
2369 opacity: 1;
2370 }
2371
2372 100% {
2373 -webkit-transform-origin: right bottom;
2374 -ms-transform-origin: right bottom;
2375 transform-origin: right bottom;
2376 -webkit-transform: rotate(-90deg);
2377 -ms-transform: rotate(-90deg);
2378 transform: rotate(-90deg);
2379 opacity: 0;
2380 }
2381 }
2382
2383 .rotateOutDownRight {
2384 -webkit-animation-name: rotateOutDownRight;
2385 animation-name: rotateOutDownRight;
2386 }
2387
2388 @-webkit-keyframes rotateOutUpLeft {
2389 0% {
2390 -webkit-transform-origin: left bottom;
2391 transform-origin: left bottom;
2392 -webkit-transform: rotate(0);
2393 transform: rotate(0);
2394 opacity: 1;
2395 }
2396
2397 100% {
2398 -webkit-transform-origin: left bottom;
2399 transform-origin: left bottom;
2400 -webkit-transform: rotate(-90deg);
2401 transform: rotate(-90deg);
2402 opacity: 0;
2403 }
2404 }
2405
2406 @keyframes rotateOutUpLeft {
2407 0% {
2408 -webkit-transform-origin: left bottom;
2409 -ms-transform-origin: left bottom;
2410 transform-origin: left bottom;
2411 -webkit-transform: rotate(0);
2412 -ms-transform: rotate(0);
2413 transform: rotate(0);
2414 opacity: 1;
2415 }
2416
2417 100% {
2418 -webkit-transform-origin: left bottom;
2419 -ms-transform-origin: left bottom;
2420 transform-origin: left bottom;
2421 -webkit-transform: rotate(-90deg);
2422 -ms-transform: rotate(-90deg);
2423 transform: rotate(-90deg);
2424 opacity: 0;
2425 }
2426 }
2427
2428 .rotateOutUpLeft {
2429 -webkit-animation-name: rotateOutUpLeft;
2430 animation-name: rotateOutUpLeft;
2431 }
2432
2433 @-webkit-keyframes rotateOutUpRight {
2434 0% {
2435 -webkit-transform-origin: right bottom;
2436 transform-origin: right bottom;
2437 -webkit-transform: rotate(0);
2438 transform: rotate(0);
2439 opacity: 1;
2440 }
2441
2442 100% {
2443 -webkit-transform-origin: right bottom;
2444 transform-origin: right bottom;
2445 -webkit-transform: rotate(90deg);
2446 transform: rotate(90deg);
2447 opacity: 0;
2448 }
2449 }
2450
2451 @keyframes rotateOutUpRight {
2452 0% {
2453 -webkit-transform-origin: right bottom;
2454 -ms-transform-origin: right bottom;
2455 transform-origin: right bottom;
2456 -webkit-transform: rotate(0);
2457 -ms-transform: rotate(0);
2458 transform: rotate(0);
2459 opacity: 1;
2460 }
2461
2462 100% {
2463 -webkit-transform-origin: right bottom;
2464 -ms-transform-origin: right bottom;
2465 transform-origin: right bottom;
2466 -webkit-transform: rotate(90deg);
2467 -ms-transform: rotate(90deg);
2468 transform: rotate(90deg);
2469 opacity: 0;
2470 }
2471 }
2472
2473 .rotateOutUpRight {
2474 -webkit-animation-name: rotateOutUpRight;
2475 animation-name: rotateOutUpRight;
2476 }
2477
2478 @-webkit-keyframes slideInDown {
2479 0% {
2480 opacity: 0;
2481 -webkit-transform: translateY(-2000px);
2482 transform: translateY(-2000px);
2483 }
2484
2485 100% {
2486 -webkit-transform: translateY(0);
2487 transform: translateY(0);
2488 }
2489 }
2490
2491 @keyframes slideInDown {
2492 0% {
2493 opacity: 0;
2494 -webkit-transform: translateY(-2000px);
2495 -ms-transform: translateY(-2000px);
2496 transform: translateY(-2000px);
2497 }
2498
2499 100% {
2500 -webkit-transform: translateY(0);
2501 -ms-transform: translateY(0);
2502 transform: translateY(0);
2503 }
2504 }
2505
2506 .slideInDown {
2507 -webkit-animation-name: slideInDown;
2508 animation-name: slideInDown;
2509 }
2510
2511 @-webkit-keyframes slideInLeft {
2512 0% {
2513 opacity: 0;
2514 -webkit-transform: translateX(-2000px);
2515 transform: translateX(-2000px);
2516 }
2517
2518 100% {
2519 -webkit-transform: translateX(0);
2520 transform: translateX(0);
2521 }
2522 }
2523
2524 @keyframes slideInLeft {
2525 0% {
2526 opacity: 0;
2527 -webkit-transform: translateX(-2000px);
2528 -ms-transform: translateX(-2000px);
2529 transform: translateX(-2000px);
2530 }
2531
2532 100% {
2533 -webkit-transform: translateX(0);
2534 -ms-transform: translateX(0);
2535 transform: translateX(0);
2536 }
2537 }
2538
2539 .slideInLeft {
2540 -webkit-animation-name: slideInLeft;
2541 animation-name: slideInLeft;
2542 }
2543
2544 @-webkit-keyframes slideInRight {
2545 0% {
2546 opacity: 0;
2547 -webkit-transform: translateX(2000px);
2548 transform: translateX(2000px);
2549 }
2550
2551 100% {
2552 -webkit-transform: translateX(0);
2553 transform: translateX(0);
2554 }
2555 }
2556
2557 @keyframes slideInRight {
2558 0% {
2559 opacity: 0;
2560 -webkit-transform: translateX(2000px);
2561 -ms-transform: translateX(2000px);
2562 transform: translateX(2000px);
2563 }
2564
2565 100% {
2566 -webkit-transform: translateX(0);
2567 -ms-transform: translateX(0);
2568 transform: translateX(0);
2569 }
2570 }
2571
2572 .slideInRight {
2573 -webkit-animation-name: slideInRight;
2574 animation-name: slideInRight;
2575 }
2576
2577 @-webkit-keyframes slideOutLeft {
2578 0% {
2579 -webkit-transform: translateX(0);
2580 transform: translateX(0);
2581 }
2582
2583 100% {
2584 opacity: 0;
2585 -webkit-transform: translateX(-2000px);
2586 transform: translateX(-2000px);
2587 }
2588 }
2589
2590 @keyframes slideOutLeft {
2591 0% {
2592 -webkit-transform: translateX(0);
2593 -ms-transform: translateX(0);
2594 transform: translateX(0);
2595 }
2596
2597 100% {
2598 opacity: 0;
2599 -webkit-transform: translateX(-2000px);
2600 -ms-transform: translateX(-2000px);
2601 transform: translateX(-2000px);
2602 }
2603 }
2604
2605 .slideOutLeft {
2606 -webkit-animation-name: slideOutLeft;
2607 animation-name: slideOutLeft;
2608 }
2609
2610 @-webkit-keyframes slideOutRight {
2611 0% {
2612 -webkit-transform: translateX(0);
2613 transform: translateX(0);
2614 }
2615
2616 100% {
2617 opacity: 0;
2618 -webkit-transform: translateX(2000px);
2619 transform: translateX(2000px);
2620 }
2621 }
2622
2623 @keyframes slideOutRight {
2624 0% {
2625 -webkit-transform: translateX(0);
2626 -ms-transform: translateX(0);
2627 transform: translateX(0);
2628 }
2629
2630 100% {
2631 opacity: 0;
2632 -webkit-transform: translateX(2000px);
2633 -ms-transform: translateX(2000px);
2634 transform: translateX(2000px);
2635 }
2636 }
2637
2638 .slideOutRight {
2639 -webkit-animation-name: slideOutRight;
2640 animation-name: slideOutRight;
2641 }
2642
2643 @-webkit-keyframes slideOutUp {
2644 0% {
2645 -webkit-transform: translateY(0);
2646 transform: translateY(0);
2647 }
2648
2649 100% {
2650 opacity: 0;
2651 -webkit-transform: translateY(-2000px);
2652 transform: translateY(-2000px);
2653 }
2654 }
2655
2656 @keyframes slideOutUp {
2657 0% {
2658 -webkit-transform: translateY(0);
2659 -ms-transform: translateY(0);
2660 transform: translateY(0);
2661 }
2662
2663 100% {
2664 opacity: 0;
2665 -webkit-transform: translateY(-2000px);
2666 -ms-transform: translateY(-2000px);
2667 transform: translateY(-2000px);
2668 }
2669 }
2670
2671 .slideOutUp {
2672 -webkit-animation-name: slideOutUp;
2673 animation-name: slideOutUp;
2674 }
2675
2676 @-webkit-keyframes slideInUp {
2677 0% {
2678 opacity: 0;
2679 -webkit-transform: translateY(2000px);
2680 transform: translateY(2000px);
2681 }
2682
2683 100% {
2684 opacity: 1;
2685 -webkit-transform: translateY(0);
2686 transform: translateY(0);
2687 }
2688 }
2689
2690 @keyframes slideInUp {
2691 0% {
2692 opacity: 0;
2693 -webkit-transform: translateY(2000px);
2694 -ms-transform: translateY(2000px);
2695 transform: translateY(2000px);
2696 }
2697
2698 100% {
2699 opacity: 1;
2700 -webkit-transform: translateY(0);
2701 -ms-transform: translateY(0);
2702 transform: translateY(0);
2703 }
2704 }
2705
2706 .slideInUp {
2707 -webkit-animation-name: slideInUp;
2708 animation-name: slideInUp;
2709 }
2710
2711 @-webkit-keyframes slideOutDown {
2712 0% {
2713 -webkit-transform: translateY(0);
2714 transform: translateY(0);
2715 }
2716
2717 100% {
2718 opacity: 0;
2719 -webkit-transform: translateY(2000px);
2720 transform: translateY(2000px);
2721 }
2722 }
2723
2724 @keyframes slideOutDown {
2725 0% {
2726 -webkit-transform: translateY(0);
2727 -ms-transform: translateY(0);
2728 transform: translateY(0);
2729 }
2730
2731 100% {
2732 opacity: 0;
2733 -webkit-transform: translateY(2000px);
2734 -ms-transform: translateY(2000px);
2735 transform: translateY(2000px);
2736 }
2737 }
2738
2739 .slideOutDown {
2740 -webkit-animation-name: slideOutDown;
2741 animation-name: slideOutDown;
2742 }
2743
2744 @-webkit-keyframes hinge {
2745 0% {
2746 -webkit-transform: rotate(0);
2747 transform: rotate(0);
2748 -webkit-transform-origin: top left;
2749 transform-origin: top left;
2750 -webkit-animation-timing-function: ease-in-out;
2751 animation-timing-function: ease-in-out;
2752 }
2753
2754 20%, 60% {
2755 -webkit-transform: rotate(80deg);
2756 transform: rotate(80deg);
2757 -webkit-transform-origin: top left;
2758 transform-origin: top left;
2759 -webkit-animation-timing-function: ease-in-out;
2760 animation-timing-function: ease-in-out;
2761 }
2762
2763 40% {
2764 -webkit-transform: rotate(60deg);
2765 transform: rotate(60deg);
2766 -webkit-transform-origin: top left;
2767 transform-origin: top left;
2768 -webkit-animation-timing-function: ease-in-out;
2769 animation-timing-function: ease-in-out;
2770 }
2771
2772 80% {
2773 -webkit-transform: rotate(60deg) translateY(0);
2774 transform: rotate(60deg) translateY(0);
2775 -webkit-transform-origin: top left;
2776 transform-origin: top left;
2777 -webkit-animation-timing-function: ease-in-out;
2778 animation-timing-function: ease-in-out;
2779 opacity: 1;
2780 }
2781
2782 100% {
2783 -webkit-transform: translateY(700px);
2784 transform: translateY(700px);
2785 opacity: 0;
2786 }
2787 }
2788
2789 @keyframes hinge {
2790 0% {
2791 -webkit-transform: rotate(0);
2792 -ms-transform: rotate(0);
2793 transform: rotate(0);
2794 -webkit-transform-origin: top left;
2795 -ms-transform-origin: top left;
2796 transform-origin: top left;
2797 -webkit-animation-timing-function: ease-in-out;
2798 animation-timing-function: ease-in-out;
2799 }
2800
2801 20%, 60% {
2802 -webkit-transform: rotate(80deg);
2803 -ms-transform: rotate(80deg);
2804 transform: rotate(80deg);
2805 -webkit-transform-origin: top left;
2806 -ms-transform-origin: top left;
2807 transform-origin: top left;
2808 -webkit-animation-timing-function: ease-in-out;
2809 animation-timing-function: ease-in-out;
2810 }
2811
2812 40% {
2813 -webkit-transform: rotate(60deg);
2814 -ms-transform: rotate(60deg);
2815 transform: rotate(60deg);
2816 -webkit-transform-origin: top left;
2817 -ms-transform-origin: top left;
2818 transform-origin: top left;
2819 -webkit-animation-timing-function: ease-in-out;
2820 animation-timing-function: ease-in-out;
2821 }
2822
2823 80% {
2824 -webkit-transform: rotate(60deg) translateY(0);
2825 -ms-transform: rotate(60deg) translateY(0);
2826 transform: rotate(60deg) translateY(0);
2827 -webkit-transform-origin: top left;
2828 -ms-transform-origin: top left;
2829 transform-origin: top left;
2830 -webkit-animation-timing-function: ease-in-out;
2831 animation-timing-function: ease-in-out;
2832 opacity: 1;
2833 }
2834
2835 100% {
2836 -webkit-transform: translateY(700px);
2837 -ms-transform: translateY(700px);
2838 transform: translateY(700px);
2839 opacity: 0;
2840 }
2841 }
2842
2843 .hinge {
2844 -webkit-animation-name: hinge;
2845 animation-name: hinge;
2846 }
2847
2848 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2849
2850 @-webkit-keyframes rollIn {
2851 0% {
2852 opacity: 0;
2853 -webkit-transform: translateX(-100%) rotate(-120deg);
2854 transform: translateX(-100%) rotate(-120deg);
2855 }
2856
2857 100% {
2858 opacity: 1;
2859 -webkit-transform: translateX(0px) rotate(0deg);
2860 transform: translateX(0px) rotate(0deg);
2861 }
2862 }
2863
2864 @keyframes rollIn {
2865 0% {
2866 opacity: 0;
2867 -webkit-transform: translateX(-100%) rotate(-120deg);
2868 -ms-transform: translateX(-100%) rotate(-120deg);
2869 transform: translateX(-100%) rotate(-120deg);
2870 }
2871
2872 100% {
2873 opacity: 1;
2874 -webkit-transform: translateX(0px) rotate(0deg);
2875 -ms-transform: translateX(0px) rotate(0deg);
2876 transform: translateX(0px) rotate(0deg);
2877 }
2878 }
2879
2880 .rollIn {
2881 -webkit-animation-name: rollIn;
2882 animation-name: rollIn;
2883 }
2884
2885 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2886
2887 @-webkit-keyframes rollOut {
2888 0% {
2889 opacity: 1;
2890 -webkit-transform: translateX(0px) rotate(0deg);
2891 transform: translateX(0px) rotate(0deg);
2892 }
2893
2894 100% {
2895 opacity: 0;
2896 -webkit-transform: translateX(100%) rotate(120deg);
2897 transform: translateX(100%) rotate(120deg);
2898 }
2899 }
2900
2901 @keyframes rollOut {
2902 0% {
2903 opacity: 1;
2904 -webkit-transform: translateX(0px) rotate(0deg);
2905 -ms-transform: translateX(0px) rotate(0deg);
2906 transform: translateX(0px) rotate(0deg);
2907 }
2908
2909 100% {
2910 opacity: 0;
2911 -webkit-transform: translateX(100%) rotate(120deg);
2912 -ms-transform: translateX(100%) rotate(120deg);
2913 transform: translateX(100%) rotate(120deg);
2914 }
2915 }
2916
2917 .rollOut {
2918 -webkit-animation-name: rollOut;
2919 animation-name: rollOut;
2920 }
2921
2922 @-webkit-keyframes zoomIn {
2923 0% {
2924 opacity: 0;
2925 -webkit-transform: scale(.3);
2926 transform: scale(.3);
2927 }
2928
2929 50% {
2930 opacity: 1;
2931 }
2932 }
2933
2934 @keyframes zoomIn {
2935 0% {
2936 opacity: 0;
2937 -webkit-transform: scale(.3);
2938 -ms-transform: scale(.3);
2939 transform: scale(.3);
2940 }
2941
2942 50% {
2943 opacity: 1;
2944 }
2945 }
2946
2947 .zoomIn {
2948 -webkit-animation-name: zoomIn;
2949 animation-name: zoomIn;
2950 }
2951
2952 @-webkit-keyframes zoomInDown {
2953 0% {
2954 opacity: 0;
2955 -webkit-transform: scale(.1) translateY(-2000px);
2956 transform: scale(.1) translateY(-2000px);
2957 -webkit-animation-timing-function: ease-in-out;
2958 animation-timing-function: ease-in-out;
2959 }
2960
2961 60% {
2962 opacity: 1;
2963 -webkit-transform: scale(.475) translateY(60px);
2964 transform: scale(.475) translateY(60px);
2965 -webkit-animation-timing-function: ease-out;
2966 animation-timing-function: ease-out;
2967 }
2968 }
2969
2970 @keyframes zoomInDown {
2971 0% {
2972 opacity: 0;
2973 -webkit-transform: scale(.1) translateY(-2000px);
2974 -ms-transform: scale(.1) translateY(-2000px);
2975 transform: scale(.1) translateY(-2000px);
2976 -webkit-animation-timing-function: ease-in-out;
2977 animation-timing-function: ease-in-out;
2978 }
2979
2980 60% {
2981 opacity: 1;
2982 -webkit-transform: scale(.475) translateY(60px);
2983 -ms-transform: scale(.475) translateY(60px);
2984 transform: scale(.475) translateY(60px);
2985 -webkit-animation-timing-function: ease-out;
2986 animation-timing-function: ease-out;
2987 }
2988 }
2989
2990 .zoomInDown {
2991 -webkit-animation-name: zoomInDown;
2992 animation-name: zoomInDown;
2993 }
2994
2995 @-webkit-keyframes zoomInLeft {
2996 0% {
2997 opacity: 0;
2998 -webkit-transform: scale(.1) translateX(-2000px);
2999 transform: scale(.1) translateX(-2000px);
3000 -webkit-animation-timing-function: ease-in-out;
3001 animation-timing-function: ease-in-out;
3002 }
3003
3004 60% {
3005 opacity: 1;
3006 -webkit-transform: scale(.475) translateX(48px);
3007 transform: scale(.475) translateX(48px);
3008 -webkit-animation-timing-function: ease-out;
3009 animation-timing-function: ease-out;
3010 }
3011 }
3012
3013 @keyframes zoomInLeft {
3014 0% {
3015 opacity: 0;
3016 -webkit-transform: scale(.1) translateX(-2000px);
3017 -ms-transform: scale(.1) translateX(-2000px);
3018 transform: scale(.1) translateX(-2000px);
3019 -webkit-animation-timing-function: ease-in-out;
3020 animation-timing-function: ease-in-out;
3021 }
3022
3023 60% {
3024 opacity: 1;
3025 -webkit-transform: scale(.475) translateX(48px);
3026 -ms-transform: scale(.475) translateX(48px);
3027 transform: scale(.475) translateX(48px);
3028 -webkit-animation-timing-function: ease-out;
3029 animation-timing-function: ease-out;
3030 }
3031 }
3032
3033 .zoomInLeft {
3034 -webkit-animation-name: zoomInLeft;
3035 animation-name: zoomInLeft;
3036 }
3037
3038 @-webkit-keyframes zoomInRight {
3039 0% {
3040 opacity: 0;
3041 -webkit-transform: scale(.1) translateX(2000px);
3042 transform: scale(.1) translateX(2000px);
3043 -webkit-animation-timing-function: ease-in-out;
3044 animation-timing-function: ease-in-out;
3045 }
3046
3047 60% {
3048 opacity: 1;
3049 -webkit-transform: scale(.475) translateX(-48px);
3050 transform: scale(.475) translateX(-48px);
3051 -webkit-animation-timing-function: ease-out;
3052 animation-timing-function: ease-out;
3053 }
3054 }
3055
3056 @keyframes zoomInRight {
3057 0% {
3058 opacity: 0;
3059 -webkit-transform: scale(.1) translateX(2000px);
3060 -ms-transform: scale(.1) translateX(2000px);
3061 transform: scale(.1) translateX(2000px);
3062 -webkit-animation-timing-function: ease-in-out;
3063 animation-timing-function: ease-in-out;
3064 }
3065
3066 60% {
3067 opacity: 1;
3068 -webkit-transform: scale(.475) translateX(-48px);
3069 -ms-transform: scale(.475) translateX(-48px);
3070 transform: scale(.475) translateX(-48px);
3071 -webkit-animation-timing-function: ease-out;
3072 animation-timing-function: ease-out;
3073 }
3074 }
3075
3076 .zoomInRight {
3077 -webkit-animation-name: zoomInRight;
3078 animation-name: zoomInRight;
3079 }
3080
3081 @-webkit-keyframes zoomInUp {
3082 0% {
3083 opacity: 0;
3084 -webkit-transform: scale(.1) translateY(2000px);
3085 transform: scale(.1) translateY(2000px);
3086 -webkit-animation-timing-function: ease-in-out;
3087 animation-timing-function: ease-in-out;
3088 }
3089
3090 60% {
3091 opacity: 1;
3092 -webkit-transform: scale(.475) translateY(-60px);
3093 transform: scale(.475) translateY(-60px);
3094 -webkit-animation-timing-function: ease-out;
3095 animation-timing-function: ease-out;
3096 }
3097 }
3098
3099 @keyframes zoomInUp {
3100 0% {
3101 opacity: 0;
3102 -webkit-transform: scale(.1) translateY(2000px);
3103 -ms-transform: scale(.1) translateY(2000px);
3104 transform: scale(.1) translateY(2000px);
3105 -webkit-animation-timing-function: ease-in-out;
3106 animation-timing-function: ease-in-out;
3107 }
3108
3109 60% {
3110 opacity: 1;
3111 -webkit-transform: scale(.475) translateY(-60px);
3112 -ms-transform: scale(.475) translateY(-60px);
3113 transform: scale(.475) translateY(-60px);
3114 -webkit-animation-timing-function: ease-out;
3115 animation-timing-function: ease-out;
3116 }
3117 }
3118
3119 .zoomInUp {
3120 -webkit-animation-name: zoomInUp;
3121 animation-name: zoomInUp;
3122 }
3123
3124 @-webkit-keyframes zoomOut {
3125 0% {
3126 opacity: 1;
3127 -webkit-transform: scale(1);
3128 transform: scale(1);
3129 }
3130
3131 50% {
3132 opacity: 0;
3133 -webkit-transform: scale(.3);
3134 transform: scale(.3);
3135 }
3136
3137 100% {
3138 opacity: 0;
3139 }
3140 }
3141
3142 @keyframes zoomOut {
3143 0% {
3144 opacity: 1;
3145 -webkit-transform: scale(1);
3146 -ms-transform: scale(1);
3147 transform: scale(1);
3148 }
3149
3150 50% {
3151 opacity: 0;
3152 -webkit-transform: scale(.3);
3153 -ms-transform: scale(.3);
3154 transform: scale(.3);
3155 }
3156
3157 100% {
3158 opacity: 0;
3159 }
3160 }
3161
3162 .zoomOut {
3163 -webkit-animation-name: zoomOut;
3164 animation-name: zoomOut;
3165 }
3166
3167 @-webkit-keyframes zoomOutDown {
3168 40% {
3169 opacity: 1;
3170 -webkit-transform: scale(.475) translateY(-60px);
3171 transform: scale(.475) translateY(-60px);
3172 -webkit-animation-timing-function: linear;
3173 animation-timing-function: linear;
3174 }
3175
3176 100% {
3177 opacity: 0;
3178 -webkit-transform: scale(.1) translateY(2000px);
3179 transform: scale(.1) translateY(2000px);
3180 -webkit-transform-origin: center bottom;
3181 transform-origin: center bottom;
3182 }
3183 }
3184
3185 @keyframes zoomOutDown {
3186 40% {
3187 opacity: 1;
3188 -webkit-transform: scale(.475) translateY(-60px);
3189 -ms-transform: scale(.475) translateY(-60px);
3190 transform: scale(.475) translateY(-60px);
3191 -webkit-animation-timing-function: linear;
3192 animation-timing-function: linear;
3193 }
3194
3195 100% {
3196 opacity: 0;
3197 -webkit-transform: scale(.1) translateY(2000px);
3198 -ms-transform: scale(.1) translateY(2000px);
3199 transform: scale(.1) translateY(2000px);
3200 -webkit-transform-origin: center bottom;
3201 -ms-transform-origin: center bottom;
3202 transform-origin: center bottom;
3203 }
3204 }
3205
3206 .zoomOutDown {
3207 -webkit-animation-name: zoomOutDown;
3208 animation-name: zoomOutDown;
3209 }
3210
3211 @-webkit-keyframes zoomOutLeft {
3212 40% {
3213 opacity: 1;
3214 -webkit-transform: scale(.475) translateX(42px);
3215 transform: scale(.475) translateX(42px);
3216 -webkit-animation-timing-function: linear;
3217 animation-timing-function: linear;
3218 }
3219
3220 100% {
3221 opacity: 0;
3222 -webkit-transform: scale(.1) translateX(-2000px);
3223 transform: scale(.1) translateX(-2000px);
3224 -webkit-transform-origin: left center;
3225 transform-origin: left center;
3226 }
3227 }
3228
3229 @keyframes zoomOutLeft {
3230 40% {
3231 opacity: 1;
3232 -webkit-transform: scale(.475) translateX(42px);
3233 -ms-transform: scale(.475) translateX(42px);
3234 transform: scale(.475) translateX(42px);
3235 -webkit-animation-timing-function: linear;
3236 animation-timing-function: linear;
3237 }
3238
3239 100% {
3240 opacity: 0;
3241 -webkit-transform: scale(.1) translateX(-2000px);
3242 -ms-transform: scale(.1) translateX(-2000px);
3243 transform: scale(.1) translateX(-2000px);
3244 -webkit-transform-origin: left center;
3245 -ms-transform-origin: left center;
3246 transform-origin: left center;
3247 }
3248 }
3249
3250 .zoomOutLeft {
3251 -webkit-animation-name: zoomOutLeft;
3252 animation-name: zoomOutLeft;
3253 }
3254
3255 @-webkit-keyframes zoomOutRight {
3256 40% {
3257 opacity: 1;
3258 -webkit-transform: scale(.475) translateX(-42px);
3259 transform: scale(.475) translateX(-42px);
3260 -webkit-animation-timing-function: linear;
3261 animation-timing-function: linear;
3262 }
3263
3264 100% {
3265 opacity: 0;
3266 -webkit-transform: scale(.1) translateX(2000px);
3267 transform: scale(.1) translateX(2000px);
3268 -webkit-transform-origin: right center;
3269 transform-origin: right center;
3270 }
3271 }
3272
3273 @keyframes zoomOutRight {
3274 40% {
3275 opacity: 1;
3276 -webkit-transform: scale(.475) translateX(-42px);
3277 -ms-transform: scale(.475) translateX(-42px);
3278 transform: scale(.475) translateX(-42px);
3279 -webkit-animation-timing-function: linear;
3280 animation-timing-function: linear;
3281 }
3282
3283 100% {
3284 opacity: 0;
3285 -webkit-transform: scale(.1) translateX(2000px);
3286 -ms-transform: scale(.1) translateX(2000px);
3287 transform: scale(.1) translateX(2000px);
3288 -webkit-transform-origin: right center;
3289 -ms-transform-origin: right center;
3290 transform-origin: right center;
3291 }
3292 }
3293
3294 .zoomOutRight {
3295 -webkit-animation-name: zoomOutRight;
3296 animation-name: zoomOutRight;
3297 }
3298
3299 @-webkit-keyframes zoomOutUp {
3300 40% {
3301 opacity: 1;
3302 -webkit-transform: scale(.475) translateY(60px);
3303 transform: scale(.475) translateY(60px);
3304 -webkit-animation-timing-function: linear;
3305 animation-timing-function: linear;
3306 }
3307
3308 100% {
3309 opacity: 0;
3310 -webkit-transform: scale(.1) translateY(-2000px);
3311 transform: scale(.1) translateY(-2000px);
3312 -webkit-transform-origin: center top;
3313 transform-origin: center top;
3314 }
3315 }
3316
3317 @keyframes zoomOutUp {
3318 40% {
3319 opacity: 1;
3320 -webkit-transform: scale(.475) translateY(60px);
3321 -ms-transform: scale(.475) translateY(60px);
3322 transform: scale(.475) translateY(60px);
3323 -webkit-animation-timing-function: linear;
3324 animation-timing-function: linear;
3325 }
3326
3327 100% {
3328 opacity: 0;
3329 -webkit-transform: scale(.1) translateY(-2000px);
3330 -ms-transform: scale(.1) translateY(-2000px);
3331 transform: scale(.1) translateY(-2000px);
3332 -webkit-transform-origin: center top;
3333 -ms-transform-origin: center top;
3334 transform-origin: center top;
3335 }
3336 }
3337
3338 .zoomOutUp {
3339 -webkit-animation-name: zoomOutUp;
3340 animation-name: zoomOutUp;
3341 }
